<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
* {
	margin: 0;
	padding: 0;
}
#container {
	width: 700px;
	margin: 0 auto;
}
#top {
	width: 700px;
	height: 150px;
	margin-bottom: 5px;
}
#left {
	width: 180px;
	margin-right: 5px;
	background-color: white;
	height: 901.98px;
	float: left;
	background-image: url(images/login.jpg);
	background-repeat: no-repeat;
	border-radius: 10px;
}
#right {
	width: 515px;
	float: left;
}
#banner {
	width: 700px;
	height: 120px;
	background-image: url(images/banner.jpg);
}
#nav {
	width: 700px;
	height: 30px;
}
#nav ul {
	list-style: none;
	text-align: center;
}
#nav li {
	float: left;
	line-height: 30px;
	width: 100px;
}
#nav a {
	text-decoration: none;
	color: #562C2D;
	background-image: url(images/button1.jpg);
	display: block;
}
#nav a:hover {
	background-image: url(images/button1_bg.jpg);
	display: block;
	position: relative;
	bottom: 3px;
}
#login {
	height: 150px;
}
#login ul {
	list-style: none;
	font-size: 12px;
	padding-top: 50px;
	padding-left: 25px;
}
#login .txtStyle {
	width: 100px;
	border-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
}
#login li {
	margin-top: 5px;
}
#login .btnStyle {
	width: 40px
}
#login a {
	text-decoration: none;
	color: #000;
}
#login a:hover {
	position: relative;
	bottom: 1px;
	right: 1px;
}
#category {
	background-image: url(images/category.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 24px;
	font-size: 12px;
}
#category a {
	text-decoration: none;
	line-height: 15px;
	color: #000000;
	padding-left: 15px;
}
#category li {
	list-style: none;
	background-image: url(images/icon1.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	width: 125px;
	margin-top: 2px;
	margin-bottom: 3px;
	padding-top:7px;
}
#category h3 {
	background-color: pink;
	width: 125px;
}
#latest{
	background-image: url(images/news.jpg);
	background-repeat: no-repeat;
	background-color: white;
	padding-top: 33px;
	height: 107px;
	width: 515px;
	float: left;
}
#latest ul{
	list-style: none;
}
#latest li{
	float: left;
	padding-left: 1.25px;
}
#recommend{
	background-image: url(images/recommend.jpg);
	background-repeat:no-repeat;
	float: left;
	background-color: white;
	margin-top: 5px;
	text-align: center;
	margin-bottom: 5px;
	height: 383.2px;
}
#recommend ul{
	list-style: none;
}
#recommend li{
	float: left;
	padding-top: 33px;
	padding-left: 18.2px;
}
#new{
	background-image: url(images/fresh.jpg);
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	background-color: white;
	width: 515px;
	height:163.8px;
	margin-bottom: 5px;
}
#new ul{
	list-style: none;
}
#new li{
	float: left;
	padding-top: 33px;
	padding-left:18.2px;
}
#tips{
	background-image: url(images/tips.jpg);
	background-repeat:no-repeat;
	background-color: white;
	float: left;
	width: 515px;
}
#tips ul{
	list-style: none;
	font-size: 12px;
	margin-top:33px;
}
#tips li{
	background-image:url(images/icon2.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	float: left;
	width:200px;
	margin-top:25px;
	margin-left:20px;
}
#tips a{
	text-decoration: none;
	color: #000000;
}

</style>
</head>

<body bgcolor="#FFCCFF">
<div id="container">
  <div id="top">
    <div id="banner"></div>
    <div id="nav">
      <ul>
        <li><a href="#">鲜花礼品</a></li>
        <li><a href="#">自助订花</a></li>
        <li><a href="#">绿色植物</a></li>
        <li><a href="#">花之物语</a></li>
        <li><a href="#">会员中心</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="#">支付方式</a></li>
      </ul>
    </div>
  </div>
  <div id="left">
    <div id="login">
      <form action="#" method="post" name="frmLogin">
        <ul>
          <li>用户:
            <input name="txtUsername" type="text" class="txtStyle" />
          </li>
          <li>密码:
            <input name="txtPwd" type="password" class="txtStyle" />
          </li>
          <li>
            <input name="btnSubmit" type="button" value="登录" class="btnStyle" />
            <input name="btnReg" type="button" value="注册" class="btnStyle" />
            <a href="#">忘记密码</a></li>
        </ul>
      </form>
    </div>
    <div id="category">
      <h3>用途</h3>
      <ul>
        <li><a href="#">爱情鲜花</a></li>
        <li><a href="#">生日送花</a></li>
        <li><a href="#">新年鲜花</a></li>
        <li><a href="#">家庭用花</a></li>
        <li><a href="#">亲情用花</a></li>
        <li><a href="#">道歉鲜花</a></li>
        <li><a href="#">开业花篮</a></li>
        <li><a href="#">会议用花</a></li>
      </ul>
      <h3>花材</h3>
      <ul>
        <li><a href="#">玫瑰花</a></li>
        <li><a href="#">百合花</a></li>
        <li><a href="#">郁金香</a></li>
        <li><a href="#">太阳花</a></li>
        <li><a href="#">康乃馨</a></li>
        <li><a href="#">马蹄莲</a></li>
        <li><a href="#">扶朗</a></li>
        <li><a href="#">剑兰</a></li>
      </ul>
      <h3>价格</h3>
      <ul>
        <li><a href="#">100～200元</a></li>
        <li><a href="#">200～300元</a></li>
        <li><a href="#">300～400元</a></li>
        <li><a href="#">400～500元</a></li>
        <li><a href="#">500～600元</a></li>
        <li><a href="#">600～800元</a></li>
        <li><a href="#">800元以上</a></li>
      </ul>
    </div>
  </div>
  <div id="right">
    <div id="latest">
      <ul>
        <li><img src="images/news1.jpg"</li>
        <li><img src="images/news2.jpg" /></li>
        <li><img src="images/news3.jpg"</li>
      </ul>
    </div>
    <div id="recommend">
      <ul>
        <li><a href="#"><img src="images/flower1.jpg" /></a><br />
          幸福的味道<br />
          ￥288元</li>
        <li><a href="#"><img src="images/flower2.jpg" /></a><br />
          阳光守护你<br />
          ￥300元</li>
        <li><a href="#"><img src="images/flower3.jpg" /></a><br />
          温情永远<br />
          ￥268元</li>
        <li><a href="#"><img src="images/flower4.jpg" /></a><br />
          爱无界<br />
          ￥318元</li>
        <li><a href="#"><img src="images/flower5.jpg" /></a><br />
          亲亲宝贝<br />
          ￥368元</li>
        <li><a href="#"><img src="images/flower6.jpg" /></a><br />
          相信是缘<br />
          ￥188元</li>
        <li><a href="#"><img src="images/flower7.jpg" /></a><br />
          水晶童话<br />
          ￥198元</li>
        <li><a href="#"><img src="images/flower8.jpg" /></a><br />
          天使之爱<br />
          ￥268元</li>
      </ul>
    </div>
    <div id="new">
      <ul>
        <li> <a href="#"><img src="images/flower9.jpg" /></a><br />
          亲亲宝贝<br />
        </li>
        <li> <a href="#"><img src="images/flower10.jpg" /></a><br />
          相信是缘<br />
        </li>
        <li> <a href="#"><img src="images/flower11.jpg" /></a><br />
          水晶童话<br />
        </li>
        <li> <a href="#"><img src="images/flower12.jpg" /></a><br />
          天使之爱<br />
        </li>
      </ul>
    </div>
    <div id="tips">
      <ul>
        <li><a href="#">各种鲜花代表的含义</a></li>
        <li><a href="#">花的喜怒哀乐与人的各种感觉</a></li>
        <li><a href="#">养花与养生之道</a></li>
        <li><a href="#">每天清晨的第一缕阳光</a></li>
        <li><a href="#">花香的味道</a></li>
        <li><a href="#">世界各地关于送花的习俗</a></li>
        <li><a href="#">种花与送花</a></li>
        <li><a href="#">手捧一束鲜花的等待</a></li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>
